<?

include("template.php");

printHeader( array("css/highslide.css","css/photos.css"), " Photos ");
?>
<script type="text/javascript" src="js/highslide/highslide-full.js"></script>

<script type="text/javascript">
	hs.graphicsDir = 'images/highslide/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'rounded-white';
	hs.fadeInOut = true;
	hs.numberPosition = 'caption';
	hs.dimmingOpacity = 0.75;

	// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: {
			opacity: .75,
			position: 'bottom center',
			hideOnMouseOut: true
		}
	});
</script>

<div class='subtitle'>Pre-Wedding Gallery </div>

<div class="highslide-gallery">

<?
	 insertImage( "Engagementday.jpg", "" );
	 insertImage( "edandangiebench.jpg", "" );
	 insertImage( "glowingIOA.jpg", "" );
	 insertImage( "beerfest.jpg", "Beerfest" );
	 insertImage( "party.jpg", "" );
	 insertImage( "EdAndAngHighSchool.jpg", "" );
	 insertImage( "party2.jpg", "" );
	 insertImage( "bar.jpg", "" );
	 insertImage( "fiddlers.jpg", "" );
	 insertImage( "formal.jpg", "" );


?>
</div>

<div class='subtitle'>Wedding Gallery </div>
<p class='message'>Check back a couple days after the wedding and we will post them. </p>

<?
printFooter();

function insertImage( $aImage, $aCaption ){

	$lReturn = "
		<a href='gallery/getImage.php?fn=".$aImage."' class=\"highslide\" onclick=\"return hs.expand(this)\">
			<img src='gallery/getThumb.php?fn=".$aImage."' alt=\"".$aCaption."\" title=\"Click to enlarge\" />
		</a>

		<div class=\"highslide-caption\">".
			$aCaption.
		"</div>
		";
	echo $lReturn;

}
?>
